<script setup lang="ts">
import AddEnterprise from '@/pages/flagship-store/component/addEnterprise.vue'
import BuildMana from '@/pages/flagship-store/component/buildMana.vue'
import CoverImg from '@/pages/flagship-store/component/coverImg.vue'
import StoreStyle from '@/pages/flagship-store/component/storeStyle.vue'

// const router = useRouter()
const activeName = ref<string>('first')
// 返回店铺管理
// function rebackChange() {
//     router.push('/content-center/flagship-store/flagshipStore/management')
// }
function handleClick(tab) {
    console.log(tab)
}
</script>

<template>
    <ElCard class="mb-20"
            shadow="never"
    >
        <el-tabs v-model="activeName"
                 class="demo-tabs"
                 @tab-click="handleClick"
        >
            <el-tab-pane label="旗舰店样式管理"
                         name="first"
            >
                <StoreStyle />
            </el-tab-pane>

            <el-tab-pane label="旗舰店楼盘管理"
                         name="second"
            >
                <BuildMana />
            </el-tab-pane>

            <el-tab-pane label="旗舰封面设置"
                         name="third"
            >
                <CoverImg />
            </el-tab-pane>

            <el-tab-pane label="企业资讯管理"
                         name="four"
            >
                <AddEnterprise />
            </el-tab-pane>
        </el-tabs>
    </ElCard>
</template>
